<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="x-ua-compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Title</title>
    <link rel="stylesheet" href="/static/bootstrap/css/bootstrap.css">
</head>
<body>

<h3>添加书籍</h3>
<div class="container">
    <div class="row">
        <div class="col-md-6 col-md-offset-3"></div>
        <form action="" method="post">
            <div class="form-group">                <!--form-group 表单之间加间隙-->
                <label for="">书名</label>
                <input type="text" name="title" class="form-control">       <!--form-control 表单样式-->
            </div>
            <div class="form-group">
                <label for="">价格</label>
                <input type="text" name="price" class="form-control">
            </div>
            <div class="form-group">
                <label for="">出版日期</label>
                <input type="date" name="pub_date" class="form-control">
            </div>
            <div class="form-group">
                <label for="">出版社</label>
                <select name="publish_id" id="" class="form-control">
                    {% for publish in publish_list %}
                        <option value="{{ publish.id }}">{{ publish.name }}</option>
                    {% endfor %}
                </select>
            </div>
            <div class="form-group">
                <label for="">作者</label>
                <select name="authors_id_list" id="" multiple class="form-control">
                    {% for author in author_list %}
                        <option value="{{ author.id }}">{{ author.name }}</option>
                    {% endfor %}


                </select>
            </div>
            <div>
                <input type="submit" class="btn btn-default">
            </div>
        </form>
    </div>
</div>


</body>
</html>